<template>
  <div id="app">
    <hm-header></hm-header>
    <router-view></router-view>
  </div>
</template>

<script>
import hmHeader from './components/hm-header.vue'
// import $ from 'jquery'

export default {
  name: 'app',
  components: {
    hmHeader
  },
  mounted () {
//    $.ajax({
//      type: 'post',
//      url: '/apost',
//      dataType: 'json',
//      data: {'abc': 'aabb'},
//      success: function (data) {
//        console.log('a', data)
//      },
//      error: function (err) {
//        console.log('c', err)
//      }
//    })
  }
}
</script>

<style lang="less">
  body{
    padding: 0;
    margin: 0;
    padding-top: 61px;
    font-size: 15px;
    a{
      text-decoration: none;
      color: #34495e;
    }
    #app {
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      margin-top: 60px;

    }
  }

</style>
